<template>
  <div>
    <!-- 按键修饰符 -->
    <!-- 常见的按键修饰符就二个用得比较多 -->
    <!-- enter 回车确认 -->
    <!-- esc 清空输入框中内容 -->
    <input type="text" @keyup.13="fn" />
    <input type="text" @keyup.enter="fn" />
    <hr />
    <input type="text" @keyup.esc="fn1" />
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    // fn(e) {
    //   if (e.keyCode == 13) {
    //     console.log("事件触发了");
    //   }
    // },
    fn() {
      console.log("事件触发了");
    },
    fn1() {
      console.log("清空逻辑");
    },
  },
};
</script>

<style scoped></style>
